.info-top {
    display: flex;
    box-shadow: 0 0.53333vw 3.2vw hsl(210deg 1% 40% / 12%);
    width: 100%;
    position: relative;
    z-index: 999;
}

.category {
    display: flex;

    .category-left {
        width: 50%;
        height: 98.66667vw;
        background-color: #F1F1F1;

        ul {
            li {
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 2.66667vw 1.33333vw;
                font-size: 3.73333vw;
                color: #666;

                .one {
                    display: flex;

                    .name {
                        white-space: nowrap;
                    }
                }

                .two {
                    display: inline-block;
                    padding: .53333vw .8vw;
                    background: #b0b0b0;
                    color: #fff;
                    border-radius: 10.66667vw;
                }

                img {
                    width: 20px;
                    height: 20px;
                }
            }
        }
    }

    .category-rigth {
        width: 50%;
        background: #fff;
        padding: 2.66667vw;
        height: 98.66667vw;

        ul {
            li {
                width: 100%;
                padding: 2.66667vw 0;
                border-bottom: 1px solid #e4e4e4;
                display: flex;
                justify-content: space-between;
                font-size: 3.73333vw;
                color: #666;

                .one {
                    display: flex;

                    .name {
                        white-space: nowrap;
                    }
                }

                .two {
                    display: inline-block;
                    padding: .53333vw .8vw;
                    color: #fff;
                }
            }
        }
    }
}

.category-three {
    .mode {
        padding: 2.66667vw;
        color: #666;

        p {
            font-size: 3.73333vw;
        }
    }

    .attribute {
        padding: 2.66667vw;
        color: #666;

        p {
            font-size: 3.73333vw;
        }

        .btn {
            button {
                width: 26.66667vw;
                height: 9.6vw;
                line-height: 8vw;
                font-size: 3.73333vw;
                padding: .8vw 1.86667vw;
                margin-top: 2.66667vw;
                margin-right: 2.66667vw;
            }

            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
    }

    .btns {
        display: flex;
        padding: 2.66667vw;
        justify-content: space-between;

        button {
            width: 48%;
        }
    }
}

.category-two {
    ul {
        li {
            display: flex;
            height: 13.33333vw;
            line-height: 13.33333vw;
            font-size: 3.73333vw;
            color: #666;
            align-items: center;
            .icon {
                width: 15%;
                text-align: center;
                font-size: 4.53333vw;
            }

            span {
                width: 85%;
                border-bottom: 1px solid #e4e4e4;
                display: flex;
                justify-content: space-between;
                padding-right: 2.66667vw;
            }
        }
    }
}

.popup {
    position: fixed;
    top: 88px;
    z-index: 10 !important;
}

.shops-item {
    display: flex;
    padding: 4vw 2.66667vw;
    border-bottom: 1px solid #f1f1f1;
    justify-content: space-between;

    .shops-img {
        width: 18%;

        img {
            width: 64px;
            height: 64px;
        }
    }

    .shops-main {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        // align-items: center;
        width: 79%;
        font-size: 3.46667vw;
        padding: 0 5px;

        .shop_title {
            display: flex;
            justify-content: space-between;

            .xgys {
                font-weight: 700;
                margin-left: 1.33333vw;
                font-size: 4vw;
                width: 60%;
                display: inline-block;
                // overflow: hidden;
                // // text-overflow: ellipsis;
                white-space: nowrap;
            }

            .bzp {
                ul {
                    display: flex;
                    position: absolute;
                    right: 10px;
                    color: #b4b4b4;

                    li {
                        font-size: 2.66667vw;
                        transform: scale(.8);
                        border: 1px solid #f1f1f1;
                    }
                }
            }
        }

        .shop_rot {
            display: flex;
            align-items: center;
            margin-top: 4vw;

            .rate {
                color: #ff6000;
                font-size: 2.66667vw;
                margin-left: 2.66667vw;
            }

            .sale {
                display: inline-block;
                font-size: 2.66667vw;
                color: #666;
                transform: scale(.8);
            }

            .tag {
                float: right;
                position: relative;
                left: 30px;
            }
        }

        .shop_song {
            display: flex;
            margin-top: 4vw;
            justify-content: space-between;
            font-size: 3.46667vw;
            color: #666;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;

            .gltime {
                display: flex;

                .time {
                    color: #3190E8;
                }
            }
        }
    }
}

.info-active {
    background-color: white;
}

.info-active2 {
    color: #3190E8 !important;
}

.rv-overlay {
    background: none;
}

.rv-nav-bar .rv-hairline--bottom {
    position: relative;
    z-index: 999 !important;
}

.rv-nav-bar {
    position: relative;
    z-index: 999 !important;
}